<template>
  <div class="comp-jion-recruitment-wrapper">
    <ul>
      <li>
        <h5>产品经理</h5>
        <p>
          1-5年以上 | 本科及以上学历 | 北京
          <span>发布日期：2021年05月28日</span>
        </p>
      </li>
      <li>
        <h5>产品经理</h5>
        <p>
          1-5年以上 | 本科及以上学历 | 北京
          <span>发布日期：2021年05月28日</span>
        </p>
      </li>
      <li>
        <h5>产品经理</h5>
        <p>
          1-5年以上 | 本科及以上学历 | 北京
          <span>发布日期：2021年05月28日</span>
        </p>
      </li>
      <li>
        <h5>产品经理</h5>
        <p>
          1-5年以上 | 本科及以上学历 | 北京
          <span>发布日期：2021年05月28日</span>
        </p>
      </li>
      <li>
        <h5>产品经理</h5>
        <p>
          1-5年以上 | 本科及以上学历 | 北京
          <span>发布日期：2021年05月28日</span>
        </p>
      </li>
      <li>
        <h5>产品经理</h5>
        <p>
          1-5年以上 | 本科及以上学历 | 北京
          <span>发布日期：2021年05月28日</span>
        </p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
    name:"JionRecruitment"
};
</script>

<style scoped lang="less">
.comp-jion-recruitment-wrapper {
  ul {
    li {
      border: 1px solid #dcdfe6;
      width: 100%;
      padding: 40px;
      margin-bottom: 5px;
      border-radius: 10px;
      h5 {
        text-align: left;
        margin-bottom: 10px;
        font-size: 16px;
      }
      p {
        text-align: left;
        font-size: 14px;
        span {
          display: block;
          float: right;
          font-size: 12px;
        }
      }
    }
  }
}
</style>